@charset "UTF-8";

// 圆角
@mixin radius($px) {
  border-radius: $px;
  -webkit-border-radius: $px;
  -moz-border-radius: $px;
}

// 圆角
@mixin radiusA($px1,$px2,$px3,$px4) {
  border-radius: $px1 $px2 $px3 $px4;
  -webkit-border-radius: $px1 $px2 $px3 $px4;
  -moz-border-radius: $px1 $px2 $px3 $px4;
}

// 倾斜
@mixin rotate($deg) {
  transform: rotate($deg);
  -webkit-transform: rotate($deg);
  -moz-transform: rotate($deg);
}

// 文本水平垂直居中
@mixin center($width,$height:$width) {
	width: $width;
	height: $height;
	line-height: $height;
	text-align: center;
}

// 文本溢出
@mixin textOverflow($width) {
  max-width: $width;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

// css3过渡
@mixin transition($t,$pro:all) {
  transition: $pro $t ;
  -moz-transition: $pro $t;  /* Firefox 4 */
  -webkit-transition: $pro $t; /* Safari 和 Chrome */
  -o-transition: $pro $t;  /* Opera */
}

// css3过渡延时 
@mixin transition-delay($t) {
  transition-delay: $t;
  -moz-transition-delay: $t;
  -webkit-transition-delay: $t;
  -o-transition-delay: $t;
}

// 滚动条的样式 
@mixin overflowCss() {
  /* 滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。 */
  &::-webkit-scrollbar-button {
    display: none;
  }
  /*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
  &::-webkit-scrollbar-track {
    background: none;
  }
  /*内层轨道，滚动条中间部分（除去）。*/
  &::-webkit-scrollbar-track-piece {
    background-color: none
  }
  /*滚动条里面可以拖动的那部分*/
  &::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 5px;
  }
  /*边角*/
  &::-webkit-scrollbar-corner {
    background: #f5f5f5;
  }
  /*定义右下角拖动块的样式*/
  &::-webkit-scrollbar-resizer {}
}